// webpack 是 node 写出来的, node的写法
let path = require('path')
let HtmlWebpackPlugin = require('html-webpack-plugin')

module.exports = {
    devServer: {
        // 开发服务器的配置
        port: 5000,
        progress: true,
        contentBase: './build',
        compress: true,
        open: true
    },
    // mode: 'development', // 默认两种 production development
    mode: 'production',
    entry: {
        home: './src/index.js',
    }, //  入口
    watch: true,
    watchOptions: { // 监控的选项
        poll: 1000, // 每秒 问我 1000次
        aggregateTimeout: 500, // 防抖 我一直输入代码
        ignored: /node_modules/, // 不需要进行监控哪个文件 
    },
    output: {
        filename: '[name].js', // 打包后的文件名
        path: path.resolve(__dirname, 'dist'), // 路径必须是一个绝对路径 
        // publicPath: 'http://www.zhufengpeixun.cn',
    },
    plugins: [
        new HtmlWebpackPlugin({
            template: './src/index.html',
            filename: 'index.html',
        }),
    ],
    externals: {
    },
    module: { // 模块
        rules: [ // loader 默认是 从右到左 从下到上执行
            {
                test: /\.js$/,
                use: {
                    loader: 'babel-loader',
                    options: {
                        presets: ['@babel/preset-env']
                    }
                },

            }
        ]
    }
}